<div >
	<button type="button" ng-click="hide()" style="color:black;">Cerrar</button>
  
	<table class="table">
		<tr>
			<th colspan="2">{{bloque.nombre}}</th>
		</tr>
		<tr>
			<th>Hora de inicio</th>
			<td>{{bloque.horaInicio}}</td>
		</tr>
		<tr>
			<th>Duración</th>
			<td>{{bloque.duracion}}</td>
		</tr>
		<tr>
			<th>Presentaciones</th>
			<td>{{bloque.tienePresentaciones?bloque.presentaciones.length+ " ("+ bloque.duracionEstimada()+" minutos)" :'No soporta'}}</td>
		</tr>
		<tr>
			<th>Posicion de bloque </th>
			<td>{{bloque.posicion}}</td>
		</tr>
		<tr>
			<th>Ejes temáticos</th>
			<td>
				<ol>
					<li ng-repeat="eje in bloque.ejesTematicos"> {{ eje.nombre }} </li>
				</ol> 
			</td> 
		</tr>
		<tr>
			<th>Áreas de referencia</th>
			<td>
				<ul>
					<li ng-repeat="area in bloque.areasReferencia"> {{ area.nombre }} </li>
				</ul> 
			</td> 
		</tr>
		
	</table>
	
	<ul class="nav nav-pils nav-stacked">
		<li class="">Acciones sobre el bloque</li>
		<li><a class="" href="#/bloque/{{bloque.id}}/edit" title="Editar Bloque">Editar</a></li>
		<li><a href="#/bloque/{{bloque.id}}/remove" title="Eliminar Bloque">Eliminar</a></li>
		<li class="divider"></li>
	</ul>
</div>